<template>
  <div>
    <div class="car-order-box">
      <ul class="goods-list">
        <li v-for="item in 3" :key="item">
          <van-row>
            <van-col :span="24" class="bb order-top">
              <van-col :span="4">
                <van-checkbox class="ml-10" v-model="allChecked"></van-checkbox>
              </van-col>
              <van-col :span="20">
                <router-link to="shopDetail"><van-icon class="mr-10" name="shop"/>数码专卖店</router-link>
              </van-col>
              <!-- <van-col :span="4">
                领卷
              </van-col> -->
            </van-col>
            <van-col :span="24" class="order-body" v-for="items in 2" :key="items">
              <van-col :span="3">
                <van-checkbox class="ml-10 mt-30" v-model="allChecked"></van-checkbox>
              </van-col>
              <van-col :span="21">
                <div class="list-item">
                  <div class="p">
                    <router-link to="goodsDetail">
                      <img class="p-pic" v-lazy="'http://gw1.alicdn.com/bao/uploaded/c4/13/TB1etCbSpXXXXcsXXXXSutbFXXX.jpg_80x80.jpg'">
                    </router-link>
                  </div>
                  <div class="d">
                    <h3 class="d-title">主营：Apple 苹果 iPhone Apple 苹果 iPhone主营：Apple 苹果 iPhone Apple 苹果 iPhone</h3>
                    <p class="d-main">主营：Apple 苹果 iPhone Apple 苹果 iPhone</p>
                    <p class="d-main clearfix">
                      <van-stepper class="fr mini" v-model="allChecked" />
                      <span class="price-now mr-5">&yen;28 </span><span class="price-old--price"><span class="price-now--unit">&yen;</span>35</span> 
                    </p>
                  </div>
                </div>
              </van-col>
            </van-col>
          </van-row>
        </li>
      </ul>
    </div>
    <van-submit-bar
      :price="3050"
      buttonText="结算"
      @submit="$router.push('/orderConfirm')"
    >
      <van-checkbox class="ml-10" v-model="allChecked">全选</van-checkbox>
      
    </van-submit-bar>
  </div>
</template>

<script>
import {SubmitBar,Checkbox,Row, Col,Icon,Stepper} from 'vant';

export default {
  components: {
    [SubmitBar.name]: SubmitBar,
    [Checkbox.name]: Checkbox,
    [Row.name]: Row,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Stepper.name]: Stepper
  },
  methods:{
    onSubmit(){},
    onEdit(){
      this.$router.push({path:'/addressEdit',query:{id:this.chosenAddressId}})
    },
  },
  data(){
    return{
      allChecked: '1',
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号'
        }
      ]
    }
  }
};
</script>

<style lang="less">

</style>
